﻿@model GzEliteOA.Web.Models.ForgotPasswordViewModel
@{
	Layout = null;
}

<!DOCTYPE html>

<html>
<head lang="zh-cn">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8" />
	<title>找回密码 - Elite OA</title>

	<meta name="description" content="Forgot Password page" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

	<!-- bootstrap & fontawesome -->
	<link rel="stylesheet" href="~/assets/css/bootstrap.min.css" />
	<link rel="stylesheet" href="~/assets/css/font-awesome.min.css" />

	<!-- text fonts -->
	<link rel="stylesheet" href="~/assets/css/ace-fonts.css" />

	<!-- ace styles -->
	<link rel="stylesheet" href="~/assets/css/ace.min.css" />

	<link rel="stylesheet" href="~/assets/css/ace-rtl.min.css" />

</head>
<body class="login-layout">
	<div class="main-content">
		<div class="row">
			<div class="col-sm-10 col-sm-offset-1">
				<div class="login-container">
					<div class="center">
						<h1>
							<i class="ace-icon fa fa-leaf green"></i>
							<span class="red">Ace</span>
							<span class="white" id="id-text2">Application</span>
						</h1>
						<h4 class="blue" id="id-company-text">&copy; 金日科技</h4>
					</div>

					<div class="space-6"></div>
					<div id="forgot-box" class="forgot-box widget-box visible no-border">
						<div class="widget-body">
							<div class="widget-main">
								<h4 class="header red lighter bigger">
									<i class="ace-icon fa fa-key"></i>
									找回密码
								</h4>

								<div class="space-6"></div>
								<p>
									输入您注册时使用的邮箱
								</p>

								@using (Html.BeginForm("ForgotPassword", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
								{
									@Html.AntiForgeryToken()

									<fieldset>
										@Html.ValidationSummary("", new { @class = "text-danger" })


										<label class="block clearfix">
											<span class="block input-icon input-icon-right">
												@*<input type="email" class="form-control" placeholder="YouName@chinsan.com" />*@
												@Html.TextBoxFor(m => m.Email, new { @class = "form-control", placeholder = "YouName@chinsan.com" })
												<i class="ace-icon fa fa-envelope"></i>
											</span>
										</label>

										<div class="clearfix">
											<button type="submit" class="width-35 pull-right btn btn-sm btn-danger" id="btnForgetPw">
												<i class="ace-icon fa fa-lightbulb-o"></i>
												<span class="bigger-110">发送！</span>
											</button>
										</div>
									</fieldset>
								}
							</div><!-- /.widget-main -->

							<div class="toolbar center">
								<a href="@Url.Action("Login","Account")" data-target="#login-box" class="back-to-login-link">
									返回登录
									<i class="ace-icon fa fa-arrow-right"></i>
								</a>
							</div>
						</div><!-- /.widget-body -->
					</div><!-- /.forgot-box -->
				</div>
				<div class="navbar-fixed-top align-right">
					<br />
					&nbsp;
					<a id="btn-login-dark" href="#">Dark</a>
					&nbsp;
					<span class="blue">/</span>
					&nbsp;
					<a id="btn-login-blur" href="#">Blur</a>
					&nbsp;
					<span class="blue">/</span>
					&nbsp;
					<a id="btn-login-light" href="#">Light</a>
					&nbsp; &nbsp; &nbsp;
				</div>
			</div>

		</div>

	</div>
	@Scripts.Render("~/bundles/jquery")

	@Scripts.Render("~/bundles/jqueryval")

	<script type="text/javascript">

			//切换主题
			jQuery(function($) {
			 $('#btn-login-dark').on('click', function(e) {
				$('body').attr('class', 'login-layout');
				$('#id-text2').attr('class', 'white');
				$('#id-company-text').attr('class', 'blue');

				e.preventDefault();
			 });
			 $('#btn-login-light').on('click', function(e) {
				$('body').attr('class', 'login-layout light-login');
				$('#id-text2').attr('class', 'grey');
				$('#id-company-text').attr('class', 'blue');

				e.preventDefault();
			 });
			 $('#btn-login-blur').on('click', function(e) {
				$('body').attr('class', 'login-layout blur-login');
				$('#id-text2').attr('class', 'white');
				$('#id-company-text').attr('class', 'light-blue');

				e.preventDefault();
			 });

			});
	</script>
</body>
</html>
